<template>
  <view class="container_scan_qr-code" @click="showPop">
    <tki-qrcode cid="qrcode" ref="qrcode" :onval="onval" :size="size" :background="background" :iconSize="iconsize" :foreground="foreground" :pdground="pdground" :val="val" :loadMake="loadMake" @result="generateQrCode" />
  </view>
</template>

<script>
export default {
  name: 'payMode',
  props: {
    size: {
      type: Number,
      default: 150,
    },
    val: {
      type: String,
      default: '',
    },
  },
  data() {
    return {
      unit: 'rpx', // 单位
      background: '#fff', // 背景色
      foreground: '#000000', // 前景色
      pdground: '#000', // 角标色
      icon: '', // 二维码图标
      iconsize: 40, // 二维码图标大小
      lv: 3, // 二维码容错级别 ， 一般不用设置，默认就行
      onval: true, // val值变化时自动重新生成二维码    （一定要注意这个值的设置 刷新二维码使用的）
      loadMake: true, // 组件加载完成后自动生成二维码
      qrCodeImg: '',

    }
  },
  created() {
    // this.val = 'http://172.168.1.12:8071/#/?userId=' + this.userId
    // console.log('val', this.val)
  },
  methods: {
    generateQrCode(data) {
      console.log('' + data)
      this.qrCodeImg = data
      this.$emit('generateQrCode',data)
    },
  },
}
</script>

<style lang="scss" scoped></style>
